<!doctype html>
<html lang="en">
<head>
	<title>Jini World</title>
	<link rel="stylesheet" href="css/styles.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="css/style.css" type="text/css" />
	<link rel="stylesheet" type="text/css" href="css/print.css" media="print" />
	<link rel="stylesheet" type="text/css" href="css/todo.css" media="todo" />
	<script type="text/javascript" charset="utf-8" src="js/jquery-latest.js"></script>
	<script type="text/javascript" src="js/bwH5LS.js"></script>
	<script type="text/javascript" src="js/equalcolumns.js"></script>
	<script type="text/javascript" src="js/todo.js"></script>
	<script type="text/javascript" src="js/checkuser.js"></script>
	<script type="text/javascript" src="js/chat.js"></script>
</head>

<body>

	<header>
		<h1>Jini World</h1>
	</header>
	
	<nav>
		<ul>
			<li class="selected"><a href="home.html">Home</a></li>
			<li><a href="#"></a></li>
			<li><a href="#"></a></li>
			<li><a href="#"></a></li>
			<li><a href="#"></a></li>
			<li class="selected"><a href="login.html?reset=true">Logout<script type="text/javascript">printUserName();</script></a></li>
		</ul>
	</nav>
	
	<section id="intro">
		<header>
			<h2>Even Impossible Says I'm Possible</h2><img src="images/smiley-flag-india.gif" alt="lime" />
		</header>
		<p></p>
		<canvas id="map" ></canvas>
	</section>
	
	<section id="content">
			<ul class="column">
		    <!--eqblock-->
		    <li>
		        <section class="block">
						<a href="#"><img src="images/hghjbkj.jpg" alt=""  /></a> 
						<h2><a href="geo.html">Where Am I??</a></h2> 
						<p>Get to know where you are by using the geolocation application. </p> 
		        </section>
		    </li>

		    <!--eqblock-->
		    <li>
		        <section class="block">
				<a href="#"><img src="images/fsdf.jpg" alt=""  /></a>
				<p> What must I do. </p> 
					<div class="form-area">
                            <form id="tasks-form">
                              <label for="task">Add a task here and hit enter</label>
                              <input id="task">
                            </form>
                          </div>
                          <ul id="tasks"></ul> 
		        </section>
		    </li>

		    <!--eqblock-->
		    <li>
		        <section class="block">
							<a href="#"><img src="images/Preview.jpg" alt=""  /></a> 
							<h2><a href="imagepreview.html">Image Preview</a></h2> 
							<p>Instant Image Preview from your local disk without using a server.</p> 
		        </section>
		    </li>

		    <!--eqblock-->
		    <li>
		        <section class="block">
				   	  <header>
                          <h1>Chat</h1>
                      </header>
                      <article>
                          <p class="welcome">
							Welcome, &nbsp;<label id="userNameDisp"><script type="text/javascript">printUserName();</script></label>			
			  			  </p>
				
						  <div id="chatbox" class="chatblock">
							<textarea id="messages" rows="8" cols="17" readonly="readonly"></textarea>
						  </div>
						  <form name="message" action="" onsubmit="return false;" class="chattextblock">
							<input name="usermsg" type="text" id="message" size="18" onkeydown="if (event.keyCode == 13) document.getElementById('messagebtn').click();"/> 
							<input type="button" name="submitmsg" id="messagebtn" size="4" value="Go" onclick="sendMessage();" />
						  </form>
                       </article>										 
		        </section>
		    </li>
		    <li>
		        <section class="block">
					<a href="#"><img src="images/video-icon.jpg" alt=""  /></a> 
						<h2><a href="videotimeline.html">Video Timeline</a></h2> 
						<p>VideoTime Line using HTML5.</p> 
		        </section>
		    </li>
		    <li>
		        <section class="block">
					<a href="#"><img src="images/bouncing.jpg" alt=""  /></a> 
						<h2><a href="bounsingballcanvas.html">Bouncing Ball</a></h2> 
						<p>Bouncing Ball using HTML5 Canvas API.</p> 
		        </section>
		    </li>
		    <li>
		        <section class="block">
					<a href="#"><img src="images/question-mark.jpg" alt=""  /></a> 
						<h2><a href="guessgame.html">Guess Game</a></h2> 
						<p>Guess Game.</p> 
		        </section>
		    </li>
		    <li>
		        <section class="block">
					<a href="#"><img src="images/hai.jpg" alt=""  /></a> 
						<h2><a href="html5preview.html">Html5 Preview</a></h2> 
						<p>HTML5 Components Preview</p> 
		        </section>
		    </li>
		    <li>
		        <section class="block">
					<a href="#"><img src="images/zoom.jpg" alt=""  /></a> 
						<h2><a href="imagezoompanning.html">Image Zoom</a></h2> 
						<p>Scrolling - Zoom-in and Panning on Image</p> 
		        </section>
		    </li>
	</section>
		
	<footer>
	    <section>
		    <h3>DEDICATION</h3>
		    <p></p>
		    <p></p>
	    </section>
	    
	    <section>
		    <h3>DETERMINATION</h3>
		    <p></p>
		    <p></p>
	    </section>
	    
	    <section>
		    <h3>DESTINATION</h3>
		    <p></p>
		    <p></p>
	    </section>
	</footer>
</body>
<footer>
	<script type="text/javascript" src="js/renderer2.js"></script>
	<script type="text/javascript" src="js/data.js"></script>
	<script type="text/javascript" src="js/spinningglobe.js"></script>
</footer>
</html>
